﻿<!DOCTYPE html>

<!--[if IE 8]> <html lang="en" class="ie8 no-js"> <![endif]-->
<!--[if IE 9]> <html lang="en" class="ie9 no-js"> <![endif]-->
<!--[if !IE]><!-->
<html lang="en">
    <!--<![endif]-->
    <!-- BEGIN HEAD -->

    <head>
        <meta charset="utf-8" />
        <title>SuperMgr前端框架</title>
        <meta http-equiv="X-UA-Compatible" content="IE=edge">
        <meta content="width=device-width, initial-scale=1" name="viewport" />
        <meta content="" name="description" />
        <meta content="" name="author" />
        <!--全局通用框架样式 begin-->
        <!-- 全局基本样式 -->

        <link href="../content/superui/min/css/superui.common.min.css" rel="stylesheet" />
        <!-- 全局主题样式 -->
        <link href="../content/superui/global/css/components.min.css" id="style_components" rel="stylesheet" />
        <link href="../content/superui/pages/layouts/css/themes/darkblue.min.css" rel="stylesheet" type="text/css" id="style_color" />
        <!--全局通用框架样式 end-->
    </head>
    <body>
        <div class="page-container">
                <div class="page-content">

                    <h3 class="page-title"> bootstrap表单控件
                        <small></small>
                    </h3>
                    <!-- END PAGE TITLE-->
                    <!-- END PAGE HEADER-->
                    <div class="row">
                        <div class="col-md-6 ">
                            <!-- BEGIN SAMPLE FORM PORTLET-->
                            <div class="portlet light bordered">
                                <div class="portlet-title">
                                    <div class="caption font-red-sunglo">
                                        <i class="icon-settings font-red-sunglo"></i>
                                        <span class="caption-subject bold uppercase"> 默认表单</span>
                                    </div>
                                    <div class="actions">
                                        <div class="btn-group">
                                            <a class="btn btn-sm green dropdown-toggle" href="javascript:;" data-toggle="dropdown"> 动作
                                                <i class="fa fa-angle-down"></i>
                                            </a>
                                            <ul class="dropdown-menu pull-right">
                                                <li>
                                                    <a href="javascript:;">
                                                        <i class="fa fa-pencil"></i> 编辑 </a>
                                                </li>
                                                <li>
                                                    <a href="javascript:;">
                                                        <i class="fa fa-trash-o"></i> 删除 </a>
                                                </li>
                                                <li>
                                                    <a href="javascript:;">
                                                        <i class="fa fa-ban"></i> 禁用 </a>
                                                </li>
                                                <li class="divider"> </li>
                                                <li>
                                                    <a href="javascript:;">其他操作</a>
                                                </li>
                                            </ul>
                                        </div>
                                    </div>
                                </div>
                                <div class="portlet-body form">
                                    <form role="form">
                                        <div class="form-body">
                                            <div class="form-group">
                                                <label>邮件地址</label>
                                                <div class="input-group">
                                                    <span class="input-group-addon">
                                                        <i class="fa fa-envelope"></i>
                                                    </span>
                                                    <input type="text" class="form-control" placeholder="邮件地址"> </div>
                                            </div>
                                            <div class="form-group">
                                                <label>圆角输入框</label>
                                                <div class="input-group">
                                                    <span class="input-group-addon input-circle-left">
                                                        <i class="fa fa-envelope"></i>
                                                    </span>
                                                    <input type="text" class="form-control input-circle-right" placeholder="邮件地址"> </div>
                                            </div>
                                            <div class="form-group">
                                                <label for="exampleInputPassword1">密码</label>
                                                <div class="input-group">
                                                    <input type="password" class="form-control" id="exampleInputPassword1" placeholder="密码">
                                                    <span class="input-group-addon">
                                                        <i class="fa fa-user font-red"></i>
                                                    </span>
                                                </div>
                                            </div>
                                            <div class="form-group">
                                                <label>左图标</label>
                                                <div class="input-icon">
                                                    <i class="fa fa-bell-o font-green"></i>
                                                    <input type="text" class="form-control" placeholder="左图标"> </div>
                                            </div>
                                            <div class="form-group">
                                                <label>左图标(.input-sm)</label>
                                                <div class="input-icon input-icon-sm">
                                                    <i class="fa fa-bell-o"></i>
                                                    <input type="text" class="form-control input-sm" placeholder="左图标"> </div>
                                            </div>
                                            <div class="form-group">
                                                <label>左图标(.input-lg)</label>
                                                <div class="input-icon input-icon-lg">
                                                    <i class="fa fa-bell-o"></i>
                                                    <input type="text" class="form-control input-lg" placeholder="左图标"> </div>
                                            </div>
                                            <div class="form-group">
                                                <label>右图标</label>
                                                <div class="input-icon right">
                                                    <i class="fa fa-microphone fa-spin font-blue"></i>
                                                    <input type="text" class="form-control" placeholder="右图标"> </div>
                                            </div>
                                            <div class="form-group">
                                                <label>右图标(.input-sm)</label>
                                                <div class="input-icon input-icon-sm right">
                                                    <i class="fa fa-bell-o"></i>
                                                    <input type="text" class="form-control input-sm" placeholder="左图标"> </div>
                                            </div>
                                            <div class="form-group">
                                                <label>右图标(.input-lg)</label>
                                                <div class="input-icon input-icon-lg right">
                                                    <i class="fa fa-bell-o font-green"></i>
                                                    <input type="text" class="form-control input-lg" placeholder="左图标"> </div>
                                            </div>
                                            <div class="form-group">
                                                <label>圆角输入框</label>
                                                <div class="input-icon right">
                                                    <i class="fa fa-microphone"></i>
                                                    <input type="text" class="form-control input-circle" placeholder="右图标"> </div>
                                            </div>
                                            <div class="form-group">
                                                <label>带图标输入框</label>
                                                <div class="input-group input-icon right">
                                                    <span class="input-group-addon">
                                                        <i class="fa fa-envelope font-purple"></i>
                                                    </span>
                                                    <i class="fa fa-exclamation tooltips" data-original-title="错误邮件格式！" data-container="body"></i>
                                                    <input id="email" class="input-error form-control" type="text" value=""> </div>
                                            </div>
                                            <div class="form-group">
                                                <label>带spinner输入框</label>
                                                <input class="form-control spinner" type="text" placeholder="" /> </div>
                                            <div class="form-group">
                                                <label>静态控件</label>
                                                <p class="form-control-static"> email@example.com </p>
                                            </div>
                                            <div class="form-group">
                                                <label>禁用</label>
                                                <input type="text" class="form-control" placeholder="禁用" disabled> </div>
                                            <div class="form-group">
                                                <label>只读</label>
                                                <input type="text" class="form-control" placeholder="只读" readonly> </div>
                                            <div class="form-group">
                                                <label>下拉框</label>
                                                <select class="form-control">
                                                    <option>选项 1</option>
                                                    <option>选项 2</option>
                                                    <option>选项 3</option>
                                                    <option>选项 4</option>
                                                    <option>选项 5</option>
                                                </select>
                                            </div>
                                            <div class="form-group">
                                                <label>多选</label>
                                                <select multiple class="form-control">
                                                    <option>选项 1</option>
                                                    <option>选项 2</option>
                                                    <option>选项 3</option>
                                                    <option>选项 4</option>
                                                    <option>选项 5</option>
                                                </select>
                                            </div>
                                            <div class="form-group">
                                                <label>多行文本框</label>
                                                <textarea class="form-control" rows="3"></textarea>
                                            </div>
                                            <div class="form-group">
                                                <label for="exampleInputFile1">文件上传</label>
                                                <input type="file" id="exampleInputFile1">
                                                <p class="help-block">  </p>
                                            </div>
                                            <div class="form-group">
                                                <label>多选框</label>
                                                <div class="checkbox-list">
                                                    <label>
                                                        <input type="checkbox"> 多选框 1 </label>
                                                    <label>
                                                        <input type="checkbox"> 多选框 2 </label>
                                                    <label>
                                                        <input type="checkbox" disabled> 禁用 </label>
                                                </div>
                                            </div>
                                            <div class="form-group">
                                                <label>内联的多选框</label>
                                                <div class="checkbox-list">
                                                    <label class="checkbox-inline">
                                                        <input type="checkbox" id="inlineCheckbox1" value="option1"> 多选框 1 </label>
                                                    <label class="checkbox-inline">
                                                        <input type="checkbox" id="inlineCheckbox2" value="option2"> 多选框 2 </label>
                                                    <label class="checkbox-inline">
                                                        <input type="checkbox" id="inlineCheckbox3" value="option3" disabled> 禁用 </label>
                                                </div>
                                            </div>
                                            <div class="form-group">
                                                <label>单选框</label>
                                                <div class="radio-list">
                                                    <label>
                                                        <input type="radio" name="optionsRadios" id="optionsRadios1" value="option1" checked> 选项 1</label>
                                                    <label>
                                                        <input type="radio" name="optionsRadios" id="optionsRadios2" value="option2"> 选项 2 </label>
                                                    <label>
                                                        <input type="radio" name="optionsRadios" id="optionsRadios3" value="option3" disabled> 禁用 </label>
                                                </div>
                                            </div>
                                            <div class="form-group">
                                                <label>内联的单选框</label>
                                                <div class="radio-list">
                                                    <label class="radio-inline">
                                                        <input type="radio" name="optionsRadios" id="optionsRadios4" value="option1" checked> 选项 1 </label>
                                                    <label class="radio-inline">
                                                        <input type="radio" name="optionsRadios" id="optionsRadios5" value="option2"> 选项 2 </label>
                                                    <label class="radio-inline">
                                                        <input type="radio" name="optionsRadios" id="optionsRadios6" value="option3" disabled> 禁用 </label>
                                                </div>
                                            </div>
                                        </div>
                                        <div class="form-actions">
                                            <button type="submit" class="btn blue">提交</button>
                                            <button type="button" class="btn default">取消</button>
                                        </div>
                                    </form>
                                </div>
                            </div>
                            <!-- END SAMPLE FORM PORTLET-->
                            <!-- BEGIN SAMPLE FORM PORTLET-->
                            <div class="portlet light bordered">
                                <div class="portlet-title">
                                    <div class="caption">
                                        <i class="icon-social-dribbble font-blue-sharp"></i>
                                        <span class="caption-subject font-blue-sharp bold uppercase">自动高度的输入框</span>
                                    </div>
                                    <div class="actions">
                                        <a class="btn btn-circle btn-icon-only btn-default" href="javascript:;">
                                            <i class="icon-cloud-upload"></i>
                                        </a>
                                        <a class="btn btn-circle btn-icon-only btn-default" href="javascript:;">
                                            <i class="icon-wrench"></i>
                                        </a>
                                        <a class="btn btn-circle btn-icon-only btn-default" href="javascript:;">
                                            <i class="icon-trash"></i>
                                        </a>
                                    </div>
                                </div>
                                <div class="portlet-body form">
                                    <form role="form">
                                        <div class="form-body">
                                            <div class="form-group">
                                                <label>输入框（大）</label>
                                                <input type="text" class="form-control input-lg" placeholder="input-lg"> </div>
                                            <div class="form-group">
                                                <label>输入框组</label>
                                                <div class="input-group input-group-lg">
                                                    <span class="input-group-addon" id="sizing-addon1">@</span>
                                                    <input type="text" class="form-control" placeholder="用户名" aria-describedby="sizing-addon1"> </div>
                                            </div>
                                            <div class="form-group">
                                                <label>默认输入框组</label>
                                                <div class="input-group input-group-lg">
                                                    <input type="text" class="form-control" placeholder="搜索...">
                                                    <span class="input-group-btn">
                                                        <button class="btn green" type="button">搜!</button>
                                                    </span>
                                                </div>
                                                <!-- /input-group -->
                                            </div>
                                            <div class="form-group">
                                                <label>默认输入框</label>
                                                <input type="text" class="form-control" placeholder=""> </div>
                                            <div class="form-group">
                                                <label>默认输入框组</label>
                                                <div class="input-group">
                                                    <input type="text" class="form-control" placeholder="用户名" aria-describedby="sizing-addon1">
                                                    <span class="input-group-addon" id="sizing-addon1">@</span>
                                                </div>
                                            </div>
                                            <div class="form-group">
                                                <label>默认输入框按钮组</label>
                                                <div class="input-group">
                                                    <input type="text" class="form-control" placeholder="搜索...">
                                                    <span class="input-group-btn">
                                                        <button class="btn red" type="button">搜!</button>
                                                    </span>
                                                </div>
                                                <!-- /input-group -->
                                            </div>
                                            <div class="form-group">
                                                <label>输入框（小）</label>
                                                <input type="text" class="form-control input-sm" placeholder="input-sm"> </div>
                                            <div class="form-group">
                                                <label>输入框组（小）</label>
                                                <div class="input-group input-group-sm">
                                                    <span class="input-group-addon" id="sizing-addon1">@</span>
                                                    <input type="text" class="form-control" placeholder="Username" aria-describedby="sizing-addon1"> </div>
                                            </div>
                                            <div class="form-group">
                                                <label>默认输入框组（小）</label>
                                                <div class="input-group input-group-sm">
                                                    <input type="text" class="form-control" placeholder="搜索。。。">
                                                    <span class="input-group-btn">
                                                        <button class="btn green" type="button">搜!</button>
                                                    </span>
                                                </div>
                                                <!-- /input-group -->
                                            </div>
                                            <div class="form-group">
                                                <label>多选框（大）</label>
                                                <select class="form-control input-lg">
                                                    <option>选项 1</option>
                                                    <option>选项 2</option>
                                                    <option>选项 3</option>
                                                    <option>选项 4</option>
                                                    <option>选项 5</option>
                                                </select>
                                            </div>
                                            <div class="form-group">
                                                <label>多选框（默认）</label>
                                                <select class="form-control">
                                                    <option>选项 1</option>
                                                    <option>选项 2</option>
                                                    <option>选项 3</option>
                                                    <option>选项 4</option>
                                                    <option>选项 5</option>
                                                </select>
                                            </div>
                                            <div class="form-group">
                                                <label>多选框（小）</label>
                                                <select class="form-control input-sm">
                                                    <option>选项 1</option>
                                                    <option>选项 2</option>
                                                    <option>选项 3</option>
                                                    <option>选项 4</option>
                                                    <option>选项 5</option>
                                                </select>
                                            </div>
                                        </div>
                                        <div class="form-actions right">
                                            <button type="button" class="btn default">取消</button>
                                            <button type="submit" class="btn green">提交</button>
                                        </div>
                                    </form>
                                </div>
                            </div>
                            <!-- END SAMPLE FORM PORTLET-->
                            <!-- BEGIN SAMPLE FORM PORTLET-->
                            <div class="portlet light bordered">
                                <div class="portlet-title">
                                    <div class="caption">
                                        <i class="icon-bubble font-green-sharp"></i>
                                        <span class="caption-subject font-green-sharp bold uppercase">自由宽度输入框</span>
                                    </div>
                                    <div class="actions">
                                        <div class="btn-group">
                                            <a class="btn green-haze btn-outline btn-circle btn-sm" href="javascript:;" data-toggle="dropdown" data-hover="dropdown" data-close-others="true"> 动作
                                                <i class="fa fa-angle-down"></i>
                                            </a>
                                            <ul class="dropdown-menu pull-right">
                                                <li>
                                                    <a href="javascript:;"> 选项 1</a>
                                                </li>
                                                <li class="divider"> </li>
                                                <li>
                                                    <a href="javascript:;">选项 2</a>
                                                </li>
                                                <li>
                                                    <a href="javascript:;">选项 3</a>
                                                </li>
                                                <li>
                                                    <a href="javascript:;">选项 4</a>
                                                </li>
                                            </ul>
                                        </div>
                                    </div>
                                </div>
                                <div class="portlet-body form">
                                    <form role="form">
                                        <div class="form-body">
                                            <div class="form-group">
                                                <label>流式输入框</label>
                                                <input type="text" class="form-control" placeholder="fluid">
                                                <div class="input-icon right margin-top-10">
                                                    <i class="fa fa-check"></i>
                                                    <input type="text" class="form-control" placeholder="fluid"> </div>
                                                <div class="input-icon margin-top-10">
                                                    <i class="fa fa-user"></i>
                                                    <input type="text" class="form-control" placeholder="fluid"> </div>
                                                <div class="input-group margin-top-10">
                                                    <span class="input-group-addon">
                                                        <i class="fa fa-envelope"></i>
                                                    </span>
                                                    <input type="email" class="form-control" placeholder=".input-xlarge"> </div>
                                                <div class="input-group margin-top-10">
                                                    <input type="email" class="form-control" placeholder=".input-xlarge">
                                                    <span class="input-group-addon">
                                                        <i class="fa fa-envelope"></i>
                                                    </span>
                                                </div>
                                                <hr> </div>
                                            <div class="form-group">
                                                <label>其他输入框（大）</label>
                                                <input type="text" class="form-control input-xlarge" placeholder=".input-xlarge">
                                                <div class="input-icon right input-xlarge margin-top-10">
                                                    <i class="fa fa-check"></i>
                                                    <input type="text" class="form-control" placeholder=".input-xlarge"> </div>
                                                <div class="input-icon input-xlarge margin-top-10">
                                                    <i class="fa fa-user"></i>
                                                    <input type="text" class="form-control" placeholder=".input-xlarge"> </div>
                                                <div class="input-group input-xlarge margin-top-10">
                                                    <span class="input-group-addon">
                                                        <i class="fa fa-envelope"></i>
                                                    </span>
                                                    <input type="email" class="form-control" placeholder=".input-xlarge"> </div>
                                                <div class="input-group input-xlarge margin-top-10">
                                                    <input type="email" class="form-control" placeholder=".input-xlarge">
                                                    <span class="input-group-addon">
                                                        <i class="fa fa-envelope"></i>
                                                    </span>
                                                </div>
                                                <hr> </div>
                                            <div class="form-group">
                                                <label>输入框（大）</label>
                                                <input type="text" class="form-control input-large" placeholder=".input-large">
                                                <div class="input-icon right input-large margin-top-10">
                                                    <i class="fa fa-check"></i>
                                                    <input type="text" class="form-control" placeholder=".input-large"> </div>
                                                <div class="input-icon input-large margin-top-10">
                                                    <i class="fa fa-user"></i>
                                                    <input type="text" class="form-control" placeholder=".input-large"> </div>
                                                <div class="input-group input-large margin-top-10">
                                                    <span class="input-group-addon">
                                                        <i class="fa fa-envelope"></i>
                                                    </span>
                                                    <input type="email" class="form-control" placeholder=".input-large"> </div>
                                                <div class="input-group input-large margin-top-10">
                                                    <input type="email" class="form-control" placeholder=".input-large">
                                                    <span class="input-group-addon">
                                                        <i class="fa fa-envelope"></i>
                                                    </span>
                                                </div>
                                                <hr> </div>
                                            <div class="form-group">
                                                <label>输入框（中等尺寸）</label>
                                                <input type="text" class="form-control input-medium" placeholder=".input-medium">
                                                <div class="input-icon right input-medium margin-top-10">
                                                    <i class="fa fa-check"></i>
                                                    <input type="text" class="form-control" placeholder=".input-medium"> </div>
                                                <div class="input-icon input-medium margin-top-10">
                                                    <i class="fa fa-user"></i>
                                                    <input type="text" class="form-control" placeholder=".input-medium"> </div>
                                                <div class="input-group input-medium margin-top-10">
                                                    <span class="input-group-addon">
                                                        <i class="fa fa-envelope"></i>
                                                    </span>
                                                    <input type="email" class="form-control" placeholder=".input-medium"> </div>
                                                <div class="input-group input-medium margin-top-10">
                                                    <input type="email" class="form-control" placeholder=".input-medium">
                                                    <span class="input-group-addon">
                                                        <i class="fa fa-envelope"></i>
                                                    </span>
                                                </div>
                                                <hr> </div>
                                            <div class="form-group">
                                                <label>输入框（小）</label>
                                                <input type="text" class="form-control input-small" placeholder=".input-small">
                                                <div class="input-icon right input-small margin-top-10">
                                                    <i class="fa fa-check"></i>
                                                    <input type="text" class="form-control" placeholder=".input-small"> </div>
                                                <div class="input-icon input-small margin-top-10">
                                                    <i class="fa fa-user"></i>
                                                    <input type="text" class="form-control" placeholder=".input-small"> </div>
                                                <div class="input-group input-small margin-top-10">
                                                    <span class="input-group-addon">
                                                        <i class="fa fa-envelope"></i>
                                                    </span>
                                                    <input type="email" class="form-control" placeholder=".input-small"> </div>
                                                <div class="input-group input-small margin-top-10">
                                                    <input type="email" class="form-control" placeholder=".input-small">
                                                    <span class="input-group-addon">
                                                        <i class="fa fa-envelope"></i>
                                                    </span>
                                                </div>
                                            </div>
                                            <div class="form-group">
                                                <label> 输入框（小）</label>
                                                <input type="text" class="form-control input-xsmall" placeholder=".input-xsmall"> </div>
                                            <div class="form-group">
                                                <label> 下拉框（大）</label>
                                                <select class="form-control input-xlarge">
                                                    <option>选项 1</option>
                                                    <option>选项 2</option>
                                                    <option>选项 3</option>
                                                    <option>选项 4</option>
                                                    <option>选项 5</option>
                                                </select>
                                            </div>
                                            <div class="form-group">
                                                <label>下拉框（大）</label>
                                                <select class="form-control input-large">
                                                    <option>选项 1</option>
                                                    <option>选项 2</option>
                                                    <option>选项 3</option>
                                                    <option>选项 4</option>
                                                    <option>选项 5</option>
                                                </select>
                                            </div>
                                            <div class="form-group">
                                                <label>下拉框（中等尺寸）</label>
                                                <select class="form-control input-medium">
                                                    <option>选项 1</option>
                                                    <option>选项 2</option>
                                                    <option>选项 3</option>
                                                    <option>选项 4</option>
                                                    <option>选项 5</option>
                                                </select>
                                            </div>
                                            <div class="form-group">
                                                <label>多选框（小）</label>
                                                <select class="form-control input-small">
                                                    <option>选项 1</option>
                                                    <option>选项 2</option>
                                                    <option>选项 3</option>
                                                    <option>选项 4</option>
                                                    <option>选项 5</option>
                                                </select>
                                            </div>
                                            <div class="form-group">
                                                <label>Extra 多选框（小）</label>
                                                <select class="form-control input-xsmall">
                                                    <option>选项 1</option>
                                                    <option>选项 2</option>
                                                    <option>选项 3</option>
                                                    <option>选项 4</option>
                                                    <option>选项 5</option>
                                                </select>
                                            </div>
                                        </div>
                                        <div class="form-actions right">
                                            <button type="button" class="btn default">取消</button>
                                            <button type="submit" class="btn green">提交</button>
                                        </div>
                                    </form>
                                </div>
                            </div>
                            <!-- END SAMPLE FORM PORTLET-->
                        </div>
                        <div class="col-md-6 ">
                            <!-- BEGIN SAMPLE FORM PORTLET-->
                            <div class="portlet light bordered">
                                <div class="portlet-title">
                                    <div class="caption">
                                        <i class="icon-settings font-dark"></i>
                                        <span class="caption-subject font-dark sbold uppercase">纵向表单</span>
                                    </div>
                                    <div class="actions">
                                        <div class="btn-group btn-group-devided" data-toggle="buttons">
                                            <label class="btn btn-transparent dark btn-outline btn-circle btn-sm active">
                                                <input type="radio" name="options" class="toggle" id="option1">动作</label>
                                            <label class="btn btn-transparent dark btn-outline btn-circle btn-sm">
                                                <input type="radio" name="options" class="toggle" id="option2">设置</label>
                                        </div>
                                    </div>
                                </div>
                                <div class="portlet-body form">
                                    <form class="form-horizontal" role="form">
                                        <div class="form-body">
                                            <div class="form-group">
                                                <label class="col-md-3 control-label">帮助块</label>
                                                <div class="col-md-9">
                                                    <input type="text" class="form-control" placeholder="输入文字">
                                                    <span class="help-block"> 帮助文字</span>
                                                </div>
                                            </div>
                                            <div class="form-group">
                                                <label class="col-md-3 control-label">内联帮助信息</label>
                                                <div class="col-md-9">
                                                    <input type="text" class="form-control input-inline input-medium" placeholder="输入文字">
                                                    <span class="help-inline"> 帮助信息</span>
                                                </div>
                                            </div>
                                            <div class="form-group">
                                                <label class="col-md-3 control-label">输入框组</label>
                                                <div class="col-md-9">
                                                    <div class="input-inline input-medium">
                                                        <div class="input-group">
                                                            <span class="input-group-addon">
                                                                <i class="fa fa-user"></i>
                                                            </span>
                                                            <input type="email" class="form-control" placeholder="邮件地址"> </div>
                                                    </div>
                                                    <span class="help-inline"> 帮助信息 </span>
                                                </div>
                                            </div>
                                            <div class="form-group">
                                                <label class="col-md-3 control-label">邮件地址</label>
                                                <div class="col-md-9">
                                                    <div class="input-group">
                                                        <span class="input-group-addon">
                                                            <i class="fa fa-envelope"></i>
                                                        </span>
                                                        <input type="email" class="form-control" placeholder="邮件地址"> </div>
                                                </div>
                                            </div>
                                            <div class="form-group">
                                                <label class="col-md-3 control-label">密码</label>
                                                <div class="col-md-9">
                                                    <div class="input-group">
                                                        <input type="password" class="form-control" placeholder="Password">
                                                        <span class="input-group-addon">
                                                            <i class="fa fa-user"></i>
                                                        </span>
                                                    </div>
                                                </div>
                                            </div>
                                            <div class="form-group">
                                                <label class="col-md-3 control-label">左图标</label>
                                                <div class="col-md-9">
                                                    <div class="input-icon">
                                                        <i class="fa fa-bell-o"></i>
                                                        <input type="text" class="form-control" placeholder="左图标"> </div>
                                                </div>
                                            </div>
                                            <div class="form-group">
                                                <label class="col-md-3 control-label">右图标</label>
                                                <div class="col-md-9">
                                                    <div class="input-icon right">
                                                        <i class="fa fa-microphone"></i>
                                                        <input type="text" class="form-control" placeholder="右图标"> </div>
                                                </div>
                                            </div>
                                            <div class="form-group">
                                                <label class="col-md-3 control-label">带图标输入框组</label>
                                                <div class="col-md-9">
                                                    <div class="input-group">
                                                        <div class="input-icon">
                                                            <i class="fa fa-lock fa-fw"></i>
                                                            <input id="newpassword" class="form-control" type="text" name="password" placeholder="密码" /> </div>
                                                        <span class="input-group-btn">
                                                            <button id="genpassword" class="btn btn-success" type="button">
                                                                <i class="fa fa-arrow-left fa-fw" ></i> 随机</button>
                                                        </span>
                                                    </div>
                                                </div>
                                            </div>
                                            <div class="form-group">
                                                <label class="col-md-3 control-label">带Spinner输入框</label>
                                                <div class="col-md-9">
                                                    <input type="password" class="form-control spinner" placeholder="密码"> </div>
                                            </div>
                                            <div class="form-group">
                                                <label class="col-md-3 control-label">静态文字</label>
                                                <div class="col-md-9">
                                                    <p class="form-control-static"> email@example.com </p>
                                                </div>
                                            </div>
                                            <div class="form-group">
                                                <label class="col-md-3 control-label">禁用</label>
                                                <div class="col-md-9">
                                                    <input type="password" class="form-control" placeholder="Disabled" disabled> </div>
                                            </div>
                                            <div class="form-group">
                                                <label class="col-md-3 control-label">只读</label>
                                                <div class="col-md-9">
                                                    <input type="password" class="form-control" placeholder="Readonly" readonly> </div>
                                            </div>
                                            <div class="form-group">
                                                <label class="col-md-3 control-label">下拉框</label>
                                                <div class="col-md-9">
                                                    <select class="form-control">
                                                        <option>选项 1</option>
                                                        <option>选项 2</option>
                                                        <option>选项 3</option>
                                                        <option>选项 4</option>
                                                        <option>选项 5</option>
                                                    </select>
                                                </div>
                                            </div>
                                            <div class="form-group">
                                                <label class="col-md-3 control-label">多选</label>
                                                <div class="col-md-9">
                                                    <select multiple class="form-control">
                                                        <option>选项 1</option>
                                                        <option>选项 2</option>
                                                        <option>选项 3</option>
                                                        <option>选项 4</option>
                                                        <option>选项 5</option>
                                                    </select>
                                                </div>
                                            </div>
                                            <div class="form-group">
                                                <label class="col-md-3 control-label">多行文本框</label>
                                                <div class="col-md-9">
                                                    <textarea class="form-control" rows="3"></textarea>
                                                </div>
                                            </div>
                                            <div class="form-group">
                                                <label for="exampleInputFile" class="col-md-3 control-label">文件输入框</label>
                                                <div class="col-md-9">
                                                    <input type="file" id="exampleInputFile">
                                                    <p class="help-block">  </p>
                                                </div>
                                            </div>
                                            <div class="form-group">
                                                <label class="col-md-3 control-label">多选框</label>
                                                <div class="col-md-9">
                                                    <div class="checkbox-list">
                                                        <label>
                                                            <input type="checkbox"> 选项 1 </label>
                                                        <label>
                                                            <input type="checkbox"> 选项 1 </label>
                                                        <label>
                                                            <input type="checkbox" disabled> 禁用 </label>
                                                    </div>
                                                </div>
                                            </div>
                                            <div class="form-group">
                                                <label class="col-md-3 control-label">内联多选框</label>
                                                <div class="col-md-9">
                                                    <div class="checkbox-list">
                                                        <label class="checkbox-inline">
                                                            <input type="checkbox" id="inlineCheckbox21" value="option1"> 选项 1 </label>
                                                        <label class="checkbox-inline">
                                                            <input type="checkbox" id="inlineCheckbox22" value="option2"> 选项 2 </label>
                                                        <label class="checkbox-inline">
                                                            <input type="checkbox" id="inlineCheckbox23" value="option3" disabled> 禁用 </label>
                                                    </div>
                                                </div>
                                            </div>
                                            <div class="form-group">
                                                <label class="col-md-3 control-label">单选框</label>
                                                <div class="col-md-9">
                                                    <div class="radio-list">
                                                        <label>
                                                            <input type="radio" name="optionsRadios" id="optionsRadios22" value="option1" checked> 选项 1 </label>
                                                        <label>
                                                            <input type="radio" name="optionsRadios" id="optionsRadios23" value="option2" checked> 选项 2 </label>
                                                        <label>
                                                            <input type="radio" name="optionsRadios" id="optionsRadios24" value="option2" disabled> 禁用 </label>
                                                    </div>
                                                </div>
                                            </div>
                                            <div class="form-group">
                                                <label class="col-md-3 control-label">内联单选框</label>
                                                <div class="col-md-9">
                                                    <div class="radio-list">
                                                        <label class="radio-inline">
                                                            <input type="radio" name="optionsRadios" id="optionsRadios25" value="option1" checked> 选项 1 </label>
                                                        <label class="radio-inline">
                                                            <input type="radio" name="optionsRadios" id="optionsRadios26" value="option2" checked> 选项 2 </label>
                                                        <label class="radio-inline">
                                                            <input type="radio" name="optionsRadios" id="optionsRadios27" value="option3" disabled> 禁用 </label>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                        <div class="form-actions">
                                            <div class="row">
                                                <div class="col-md-offset-3 col-md-9">
                                                    <button type="submit" class="btn green">提交</button>
                                                    <button type="button" class="btn default">取消</button>
                                                </div>
                                            </div>
                                        </div>
                                    </form>
                                </div>
                            </div>
                            <!-- END SAMPLE FORM PORTLET-->
                            <!-- BEGIN SAMPLE FORM PORTLET-->
                            <div class="portlet box purple ">
                                <div class="portlet-title">
                                    <div class="caption">
                                        <i class="fa fa-gift"></i> 纵向表单（高度自适应） </div>
                                    <div class="tools">
                                        <a href="" class="collapse"> </a>
                                        <a href="#portlet-config" data-toggle="modal" class="config"> </a>
                                        <a href="" class="reload"> </a>
                                        <a href="" class="remove"> </a>
                                    </div>
                                </div>
                                <div class="portlet-body form">
                                    <form class="form-horizontal" role="form">
                                        <div class="form-body">
                                            <div class="form-group">
                                                <label class="col-md-3 control-label">输入框（大）</label>
                                                <div class="col-md-9">
                                                    <input type="text" class="form-control input-lg" placeholder="输入框（大）"> </div>
                                            </div>
                                            <div class="form-group">
                                                <label class="col-md-3 control-label">默认输入框</label>
                                                <div class="col-md-9">
                                                    <input type="text" class="form-control" placeholder="默认输入框"> </div>
                                            </div>
                                            <div class="form-group">
                                                <label class="col-md-3 control-label">输入框（小）</label>
                                                <div class="col-md-9">
                                                    <input type="text" class="form-control input-sm" placeholder="默认输入框"> </div>
                                            </div>
                                            <div class="form-group">
                                                <label class="col-md-3 control-label">多选框（大）</label>
                                                <div class="col-md-9">
                                                    <select class="form-control input-lg">
                                                        <option>选项 1</option>
                                                        <option>选项 2</option>
                                                        <option>选项 3</option>
                                                        <option>选项 4</option>
                                                        <option>选项 5</option>
                                                    </select>
                                                </div>
                                            </div>
                                            <div class="form-group">
                                                <label class="col-md-3 control-label">多选框（默认）</label>
                                                <div class="col-md-9">
                                                    <select class="form-control">
                                                        <option>选项 1</option>
                                                        <option>选项 2</option>
                                                        <option>选项 3</option>
                                                        <option>选项 4</option>
                                                        <option>选项 5</option>
                                                    </select>
                                                </div>
                                            </div>
                                            <div class="form-group">
                                                <label class="col-md-3 control-label">多选框（小）</label>
                                                <div class="col-md-9">
                                                    <select class="form-control input-sm">
                                                        <option>选项 1</option>
                                                        <option>选项 2</option>
                                                        <option>选项 3</option>
                                                        <option>选项 4</option>
                                                        <option>选项 5</option>
                                                    </select>
                                                </div>
                                            </div>
                                        </div>
                                        <div class="form-actions right1">
                                            <button type="button" class="btn default">取消</button>
                                            <button type="submit" class="btn green">提交</button>
                                        </div>
                                    </form>
                                </div>
                            </div>
                            <!-- END SAMPLE FORM PORTLET-->
                            <!-- BEGIN SAMPLE FORM PORTLET-->
                            <div class="portlet box purple ">
                                <div class="portlet-title">
                                    <div class="caption">
                                        <i class="fa fa-gift"></i>流式按钮组</div>
                                    <div class="tools">
                                        <a href="" class="collapse"> </a>
                                        <a href="#portlet-config" data-toggle="modal" class="config"> </a>
                                        <a href="" class="reload"> </a>
                                        <a href="" class="remove"> </a>
                                    </div>
                                </div>
                                <div class="portlet-body">
                                    <h4 class="block">附加多选框</h4>
                                    <form role="form">
                                        <div class="row">
                                            <div class="col-md-6">
                                                <div class="input-group">
                                                    <span class="input-group-addon">
                                                        <input type="checkbox"> </span>
                                                    <input type="text" class="form-control"> </div>
                                                <!-- /input-group -->
                                            </div>
                                            <!-- /.col-md-6 -->
                                            <div class="col-md-6">
                                                <div class="input-group">
                                                    <input type="text" class="form-control">
                                                    <span class="input-group-addon">
                                                        <input type="checkbox"> </span>
                                                </div>
                                                <!-- /input-group -->
                                            </div>
                                            <!-- /.col-md-6 -->
                                        </div>
                                        <!-- /.row -->
                                    </form>
                                    <h4 class="block">附加按钮</h4>
                                    <form role="form">
                                        <div class="row">
                                            <div class="col-md-6">
                                                <div class="input-group">
                                                    <span class="input-group-btn">
                                                        <button class="btn red" type="button">搜!</button>
                                                    </span>
                                                    <input type="text" class="form-control"> </div>
                                                <!-- /input-group -->
                                            </div>
                                            <!-- /.col-md-6 -->
                                            <div class="col-md-6">
                                                <div class="input-group">
                                                    <input type="text" class="form-control">
                                                    <span class="input-group-btn">
                                                        <button class="btn blue" type="button">搜!</button>
                                                    </span>
                                                </div>
                                                <!-- /input-group -->
                                            </div>
                                            <!-- /.col-md-6 -->
                                        </div>
                                        <!-- /.row -->
                                    </form>
                                    <h4 class="block">附加两端按钮</h4>
                                    <form role="form">
                                        <div class="row">
                                            <div class="col-md-12">
                                                <div class="input-group">
                                                    <span class="input-group-btn">
                                                        <button class="btn red" type="button">搜!</button>
                                                    </span>
                                                    <input type="text" class="form-control">
                                                    <span class="input-group-btn">
                                                        <button class="btn blue" type="button">搜!</button>
                                                    </span>
                                                </div>
                                                <!-- /input-group -->
                                            </div>
                                            <!-- /.col-md-6 -->
                                        </div>
                                    </form>
                                    <h4 class="block">带下拉框按钮</h4>
                                    <form role="form">
                                        <div class="row">
                                            <div class="col-md-6">
                                                <div class="input-group">
                                                    <div class="input-group-btn">
                                                        <button type="button" class="btn green dropdown-toggle" data-toggle="dropdown">动作
                                                            <i class="fa fa-angle-down"></i>
                                                        </button>
                                                        <ul class="dropdown-menu">
                                                            <li>
                                                                <a href="javascript:;"> 查询 </a>
                                                            </li>
                                                            <li>
                                                                <a href="javascript:;"> 新增 </a>
                                                            </li>
                                                            <li>
                                                                <a href="javascript:;"> 编辑 </a>
                                                            </li>
                                                            <li class="divider"> </li>
                                                            <li>
                                                                <a href="javascript:;">删除 </a>
                                                            </li>
                                                        </ul>
                                                    </div>
                                                    <!-- /btn-group -->
                                                    <input type="text" class="form-control"> </div>
                                                <!-- /input-group -->
                                            </div>
                                            <!-- /.col-md-6 -->
                                            <div class="col-md-6">
                                                <div class="input-group">
                                                    <input type="text" class="form-control">
                                                    <div class="input-group-btn">
                                                        <button type="button" class="btn yellow dropdown-toggle" data-toggle="dropdown">动作
                                                            <i class="fa fa-angle-down"></i>
                                                        </button>
                                                        <ul class="dropdown-menu pull-right">
                                                            <li>
                                                                <a href="javascript:;"> 动作 </a>
                                                            </li>
                                                            <li>
                                                                <a href="javascript:;"> 动作 </a>
                                                            </li>
                                                            <li>
                                                                <a href="javascript:;"> 动作</a>
                                                            </li>
                                                            <li class="divider"> </li>
                                                            <li>
                                                                <a href="javascript:;"> 查看</a>
                                                            </li>
                                                        </ul>
                                                    </div>
                                                    <!-- /btn-group -->
                                                </div>
                                                <!-- /input-group -->
                                            </div>
                                            <!-- /.col-md-6 -->
                                        </div>
                                        <!-- /.row -->
                                    </form>
                                    <h4 class="block">带下拉框按钮（两端带按钮）</h4>
                                    <form role="form">
                                        <div class="row">
                                            <div class="col-md-12">
                                                <div class="input-group">
                                                    <div class="input-group-btn">
                                                        <button type="button" class="btn green dropdown-toggle" data-toggle="dropdown">动作
                                                            <i class="fa fa-angle-down"></i>
                                                        </button>
                                                        <ul class="dropdown-menu">
                                                            <li>
                                                                <a href="javascript:;"> 动作 </a>
                                                            </li>
                                                            <li>
                                                                <a href="javascript:;"> 动作 </a>
                                                            </li>
                                                            <li>
                                                                <a href="javascript:;"> 动作</a>
                                                            </li>
                                                            <li class="divider"> </li>
                                                            <li>
                                                                <a href="javascript:;">动作 </a>
                                                            </li>
                                                        </ul>
                                                    </div>
                                                    <!-- /btn-group -->
                                                    <input type="text" class="form-control">
                                                    <div class="input-group-btn">
                                                        <button type="button" class="btn yellow dropdown-toggle" data-toggle="dropdown">动作
                                                            <i class="fa fa-angle-down"></i>
                                                        </button>
                                                        <ul class="dropdown-menu pull-right">
                                                            <li>
                                                                <a href="javascript:;"> 动作 </a>
                                                            </li>
                                                            <li>
                                                                <a href="javascript:;"> 动作 </a>
                                                            </li>
                                                            <li>
                                                                <a href="javascript:;">动作 </a>
                                                            </li>
                                                            <li class="divider"> </li>
                                                            <li>
                                                                <a href="javascript:;"> 动作 </a>
                                                            </li>
                                                        </ul>
                                                    </div>
                                                    <!-- /btn-group -->
                                                </div>
                                                <!-- /input-group -->
                                            </div>
                                            <!-- /.col-md-6 -->
                                        </div>
                                        <!-- /.row -->
                                    </form>
                                    <h4 class="block">分段按钮</h4>
                                    <form role="form">
                                        <div class="row">
                                            <div class="col-md-6">
                                                <div class="input-group">
                                                    <div class="input-group-btn">
                                                        <button type="button" class="btn default" tabindex="-1">动作</button>
                                                        <button type="button" class="btn default dropdown-toggle" data-toggle="dropdown" tabindex="-1">
                                                            <i class="fa fa-angle-down"></i>
                                                        </button>
                                                        <ul class="dropdown-menu" role="menu">
                                                            <li>
                                                                <a href="javascript:;"> 动作 </a>
                                                            </li>
                                                            <li>
                                                                <a href="javascript:;"> 动作 </a>
                                                            </li>
                                                            <li>
                                                                <a href="javascript:;"> 动作 </a>
                                                            </li>
                                                            <li class="divider"> </li>
                                                            <li>
                                                                <a href="javascript:;"> 动作</a>
                                                            </li>
                                                        </ul>
                                                    </div>
                                                    <input type="text" class="form-control"> </div>
                                                <!-- /.input-group -->
                                            </div>
                                            <!-- /.col-md-6 -->
                                            <div class="col-md-6">
                                                <div class="input-group">
                                                    <input type="text" class="form-control">
                                                    <div class="input-group-btn">
                                                        <button type="button" class="btn green" tabindex="-1">动作</button>
                                                        <button type="button" class="btn green dropdown-toggle" data-toggle="dropdown" tabindex="-1">
                                                            <i class="fa fa-angle-down"></i>
                                                        </button>
                                                        <ul class="dropdown-menu pull-right" role="menu">
                                                            <li>
                                                                <a href="javascript:;"> 动作 </a>
                                                            </li>
                                                            <li>
                                                                <a href="javascript:;"> 动作 </a>
                                                            </li>
                                                            <li>
                                                                <a href="javascript:;"> 动作 </a>
                                                            </li>
                                                            <li class="divider"> </li>
                                                            <li>
                                                                <a href="javascript:;"> 动作 </a>
                                                            </li>
                                                        </ul>
                                                    </div>
                                                </div>
                                                <!-- /.input-group -->
                                            </div>
                                            <!-- /.col-md-6 -->
                                        </div>
                                    </form>
                                </div>
                            </div>
                            <!-- END SAMPLE FORM PORTLET-->
                            <!-- BEGIN SAMPLE FORM PORTLET-->
                            <div class="portlet box purple ">
                                <div class="portlet-title">
                                    <div class="caption">
                                        <i class="fa fa-gift"></i> 输入框组（自适应） </div>
                                    <div class="tools">
                                        <a href="" class="collapse"> </a>
                                        <a href="#portlet-config" data-toggle="modal" class="config"> </a>
                                        <a href="" class="reload"> </a>
                                        <a href="" class="remove"> </a>
                                    </div>
                                </div>
                                <div class="portlet-body">
                                    <h4 class="block">附加多选框</h4>
                                    <form role="form">
                                        <div class="row">
                                            <div class="col-md-6">
                                                <div class="input-group input-medium">
                                                    <span class="input-group-addon">
                                                        <input type="checkbox"> </span>
                                                    <input type="text" class="form-control" placeholder=".input-medium"> </div>
                                                <!-- /input-group -->
                                            </div>
                                            <!-- /.col-md-6 -->
                                            <div class="col-md-6">
                                                <div class="input-group input-medium">
                                                    <input type="text" class="form-control" placeholder=".input-medium">
                                                    <span class="input-group-addon">
                                                        <input type="checkbox"> </span>
                                                </div>
                                                <!-- /input-group -->
                                            </div>
                                            <!-- /.col-md-6 -->
                                        </div>
                                        <!-- /.row -->
                                    </form>
                                    <h4 class="block">附加按钮</h4>
                                    <form role="form">
                                        <div class="row">
                                            <div class="col-md-6">
                                                <div class="input-group input-medium">
                                                    <span class="input-group-btn">
                                                        <button class="btn red" type="button">搜!</button>
                                                    </span>
                                                    <input type="text" class="form-control" placeholder=".input-medium"> </div>
                                                <!-- /input-group -->
                                            </div>
                                            <!-- /.col-md-6 -->
                                            <div class="col-md-6">
                                                <div class="input-group input-medium">
                                                    <input type="text" class="form-control" placeholder=".input-medium">
                                                    <span class="input-group-btn">
                                                        <button class="btn blue" type="button">搜!</button>
                                                    </span>
                                                </div>
                                                <!-- /input-group -->
                                            </div>
                                            <!-- /.col-md-6 -->
                                        </div>
                                        <!-- /.row -->
                                    </form>
                                    <h4 class="block">附加两端按钮</h4>
                                    <form role="form">
                                        <div class="row">
                                            <div class="col-md-12">
                                                <div class="input-group input-large">
                                                    <span class="input-group-btn">
                                                        <button class="btn red" type="button">搜!</button>
                                                    </span>
                                                    <input type="text" class="form-control" placeholder=".input-large">
                                                    <span class="input-group-btn">
                                                        <button class="btn blue" type="button">搜!</button>
                                                    </span>
                                                </div>
                                                <!-- /input-group -->
                                            </div>
                                            <!-- /.col-md-6 -->
                                        </div>
                                    </form>
                                    <h4 class="block">带下拉框按钮</h4>
                                    <form role="form">
                                        <div class="row">
                                            <div class="col-md-6">
                                                <div class="input-group input-medium">
                                                    <div class="input-group-btn">
                                                        <button type="button" class="btn green dropdown-toggle" data-toggle="dropdown">动作
                                                            <i class="fa fa-angle-down"></i>
                                                        </button>
                                                        <ul class="dropdown-menu">
                                                            <li>
                                                                <a href="javascript:;"> 动作 </a>
                                                            </li>
                                                            <li>
                                                                <a href="javascript:;">动作</a>
                                                            </li>
                                                            <li>
                                                                <a href="javascript:;"> 动作 </a>
                                                            </li>
                                                            <li class="divider"> </li>
                                                            <li>
                                                                <a href="javascript:;"> 动作 </a>
                                                            </li>
                                                        </ul>
                                                    </div>
                                                    <!-- /btn-group -->
                                                    <input type="text" class="form-control" placeholder=".input-medium"> </div>
                                                <!-- /input-group -->
                                            </div>
                                            <!-- /.col-md-6 -->
                                            <div class="col-md-6">
                                                <div class="input-group input-medium">
                                                    <input type="text" class="form-control" placeholder=".input-medium">
                                                    <div class="input-group-btn">
                                                        <button type="button" class="btn yellow dropdown-toggle" data-toggle="dropdown">动作
                                                            <i class="fa fa-angle-down"></i>
                                                        </button>
                                                        <ul class="dropdown-menu pull-right">
                                                            <li>
                                                                <a href="javascript:;"> 动作 </a>
                                                            </li>
                                                            <li>
                                                                <a href="javascript:;"> 新增 </a>
                                                            </li>
                                                            <li>
                                                                <a href="javascript:;"> 编辑 </a>
                                                            </li>
                                                            <li class="divider"> </li>
                                                            <li>
                                                                <a href="javascript:;"> 查看 </a>
                                                            </li>
                                                        </ul>
                                                    </div>
                                                    <!-- /btn-group -->
                                                </div>
                                                <!-- /input-group -->
                                            </div>
                                            <!-- /.col-md-6 -->
                                        </div>
                                        <!-- /.row -->
                                    </form>
                                    <h4 class="block">带下拉框按钮 （两端）</h4>
                                    <form role="form">
                                        <div class="row">
                                            <div class="col-md-12">
                                                <div class="input-group input-xlarge">
                                                    <div class="input-group-btn">
                                                        <button type="button" class="btn green dropdown-toggle" data-toggle="dropdown">动作
                                                            <i class="fa fa-angle-down"></i>
                                                        </button>
                                                        <ul class="dropdown-menu">
                                                            <li>
                                                                <a href="javascript:;"> 动作 </a>
                                                            </li>
                                                            <li>
                                                                <a href="javascript:;"> 新增 </a>
                                                            </li>
                                                            <li>
                                                                <a href="javascript:;"> 编辑 </a>
                                                            </li>
                                                            <li class="divider"> </li>
                                                            <li>
                                                                <a href="javascript:;"> 查看 </a>
                                                            </li>
                                                        </ul>
                                                    </div>
                                                    <!-- /btn-group -->
                                                    <input type="text" class="form-control" placeholder=".input-xlarge">
                                                    <div class="input-group-btn">
                                                        <button type="button" class="btn yellow dropdown-toggle" data-toggle="dropdown">动作
                                                            <i class="fa fa-angle-down"></i>
                                                        </button>
                                                        <ul class="dropdown-menu pull-right">
                                                            <li>
                                                                <a href="javascript:;"> 动作 </a>
                                                            </li>
                                                            <li>
                                                                <a href="javascript:;"> 新增 </a>
                                                            </li>
                                                            <li>
                                                                <a href="javascript:;"> 编辑 </a>
                                                            </li>
                                                            <li class="divider"> </li>
                                                            <li>
                                                                <a href="javascript:;"> 查看 </a>
                                                            </li>
                                                        </ul>
                                                    </div>
                                                    <!-- /btn-group -->
                                                </div>
                                                <!-- /input-group -->
                                            </div>
                                            <!-- /.col-md-6 -->
                                        </div>
                                        <!-- /.row -->
                                    </form>
                                    <h4 class="block">分段按钮</h4>
                                    <form role="form">
                                        <div class="row">
                                            <div class="col-md-12">
                                                <div class="input-group input-large">
                                                    <div class="input-group-btn">
                                                        <button type="button" class="btn default" tabindex="-1">动作</button>
                                                        <button type="button" class="btn default dropdown-toggle" data-toggle="dropdown" tabindex="-1">
                                                            <i class="fa fa-angle-down"></i>
                                                        </button>
                                                        <ul class="dropdown-menu" role="menu">
                                                            <li>
                                                                <a href="javascript:;"> 动作 </a>
                                                            </li>
                                                            <li>
                                                                <a href="javascript:;"> 新增 </a>
                                                            </li>
                                                            <li>
                                                                <a href="javascript:;"> 编辑 </a>
                                                            </li>
                                                            <li class="divider"> </li>
                                                            <li>
                                                                <a href="javascript:;"> 查看 </a>
                                                            </li>
                                                        </ul>
                                                    </div>
                                                    <input type="text" class="form-control" placeholder=".input-large"> </div>
                                                <!-- /.input-group -->
                                            </div>
                                            <!-- /.col-md-6 -->
                                        </div>
                                    </form>
                                    <form role="form" class="margin-top-10">
                                        <div class="row">
                                            <div class="col-md-12">
                                                <div class="input-group input-large">
                                                    <input type="text" class="form-control" placeholder=".input-large">
                                                    <div class="input-group-btn">
                                                        <button type="button" class="btn green" tabindex="-1">动作</button>
                                                        <button type="button" class="btn green dropdown-toggle" data-toggle="dropdown" tabindex="-1">
                                                            <i class="fa fa-angle-down"></i>
                                                        </button>
                                                        <ul class="dropdown-menu" role="menu">
                                                            <li>
                                                                <a href="javascript:;"> 动作 </a>
                                                            </li>
                                                            <li>
                                                                <a href="javascript:;"> 新增 </a>
                                                            </li>
                                                            <li>
                                                                <a href="javascript:;"> 编辑 </a>
                                                            </li>
                                                            <li class="divider"> </li>
                                                            <li>
                                                                <a href="javascript:;"> 查看 </a>
                                                            </li>
                                                        </ul>
                                                    </div>
                                                </div>
                                                <!-- /.input-group -->
                                            </div>
                                            <!-- /.col-md-6 -->
                                        </div>
                                    </form>
                                </div>
                            </div>
                            <!-- END SAMPLE FORM PORTLET-->
                            <div class="portlet box blue ">
                                <div class="portlet-title">
                                    <div class="caption">
                                        <i class="fa fa-gift"></i> 验证状态 </div>
                                    <div class="tools">
                                        <a href="" class="collapse"> </a>
                                        <a href="#portlet-config" data-toggle="modal" class="config"> </a>
                                        <a href="" class="reload"> </a>
                                        <a href="" class="remove"> </a>
                                    </div>
                                </div>
                                <div class="portlet-body form">
                                    <form role="form">
                                        <div class="form-body">
                                            <div class="form-group has-success">
                                                <label class="control-label">验证成功</label>
                                                <input type="text" class="form-control" id="inputSuccess"> </div>
                                            <div class="form-group has-warning">
                                                <label class="control-label">警告</label>
                                                <input type="text" class="form-control" id="inputWarning"> </div>
                                            <div class="form-group has-error">
                                                <label class="control-label">验证错误</label>
                                                <input type="text" class="form-control" id="inputError"> </div>
                                        </div>
                                        <div class="form-actions">
                                            <button type="button" class="btn default">取消</button>
                                            <button type="submit" class="btn red">提交</button>
                                        </div>
                                    </form>
                                </div>
                            </div>
                            <div class="portlet box yellow ">
                                <div class="portlet-title">
                                    <div class="caption">
                                        <i class="fa fa-gift"></i> 验证状态 （带图标）</div>
                                    <div class="tools">
                                        <a href="" class="collapse"> </a>
                                        <a href="#portlet-config" data-toggle="modal" class="config"> </a>
                                        <a href="" class="reload"> </a>
                                        <a href="" class="remove"> </a>
                                    </div>
                                </div>
                                <div class="portlet-body form">
                                    <form role="form">
                                        <div class="form-body">
                                            <div class="form-group">
                                                <label class="control-label">默认输入框</label>
                                                <div class="input-icon right">
                                                    <i class="fa fa-info-circle tooltips" data-original-title="邮件地址" data-container="body"></i>
                                                    <input type="text" class="form-control"> </div>
                                            </div>
                                            <div class="form-group has-success">
                                                <label class="control-label">验证成功</label>
                                                <div class="input-icon right">
                                                    <i class="fa fa-check tooltips" data-original-title="验证成功!" data-container="body"></i>
                                                    <input type="text" class="form-control"> </div>
                                            </div>
                                            <div class="form-group has-warning">
                                                <label class="control-label">警告</label>
                                                <div class="input-icon right">
                                                    <i class="fa fa-warning tooltips" data-original-title="请输入邮箱" data-container="body"></i>
                                                    <input type="text" class="form-control"> </div>
                                            </div>
                                            <div class="form-group has-error">
                                                <label class="control-label">验证错误</label>
                                                <div class="input-icon right">
                                                    <i class="fa fa-exclamation tooltips" data-original-title="请谢一个错误的邮箱" data-container="body"></i>
                                                    <input type="text" class="form-control"> </div>
                                            </div>
                                        </div>
                                        <div class="form-actions right">
                                            <button type="button" class="btn default">取消</button>
                                            <button type="submit" class="btn green">提交</button>
                                        </div>
                                    </form>
                                </div>
                            </div>
                            <div class="portlet box purple">
                                <div class="portlet-title">
                                    <div class="caption">
                                        <i class="fa fa-gift"></i> 纵向表单 验证状态 </div>
                                    <div class="tools">
                                        <a href="" class="collapse"> </a>
                                        <a href="#portlet-config" data-toggle="modal" class="config"> </a>
                                        <a href="" class="reload"> </a>
                                        <a href="" class="remove"> </a>
                                    </div>
                                </div>
                                <div class="portlet-body form">
                                    <form role="form" class="form-horizontal">
                                        <div class="form-body">
                                            <div class="form-group">
                                                <label class="col-md-4 control-label">默认输入框</label>
                                                <div class="col-md-8">
                                                    <div class="input-icon right">
                                                        <i class="fa fa-info-circle tooltips" data-original-title="邮件地址" data-container="body"></i>
                                                        <input type="text" class="form-control"> </div>
                                                </div>
                                            </div>
                                            <div class="form-group has-success">
                                                <label class="col-md-4 control-label">验证成功</label>
                                                <div class="col-md-8">
                                                    <div class="input-icon right">
                                                        <i class="fa fa-check tooltips" data-original-title="验证成功!" data-container="body"></i>
                                                        <input type="text" class="form-control"> </div>
                                                </div>
                                            </div>
                                            <div class="form-group has-warning">
                                                <label class="col-md-4 control-label">警告</label>
                                                <div class="col-md-8">
                                                    <div class="input-icon right">
                                                        <i class="fa fa-warning tooltips" data-original-title="请输入邮箱" data-container="body"></i>
                                                        <input type="text" class="form-control"> </div>
                                                </div>
                                            </div>
                                            <div class="form-group has-error">
                                                <label class="col-md-4 control-label">验证错误</label>
                                                <div class="col-md-8">
                                                    <div class="input-icon right">
                                                        <i class="fa fa-exclamation tooltips" data-original-title="请谢一个错误的邮箱" data-container="body"></i>
                                                        <input type="text" class="form-control"> </div>
                                                </div>
                                            </div>
                                        </div>
                                        <div class="form-actions">
                                            <div class="row">
                                                <div class="col-md-offset-4 col-md-8">
                                                    <button type="button" class="btn default">取消</button>
                                                    <button type="submit" class="btn blue">提交</button>
                                                </div>
                                            </div>
                                        </div>
                                    </form>
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="row ">
                        <div class="col-md-12">
                            <!-- BEGIN SAMPLE FORM PORTLET-->
                            <div class="portlet light bordered">
                                <div class="portlet-title">
                                    <div class="caption">
                                        <i class="icon-share font-dark"></i>
                                        <span class="caption-subject font-dark bold uppercase">更多表单示例</span>
                                    </div>
                                    <div class="actions">
                                        <a class="btn btn-circle btn-icon-only btn-default" href="javascript:;">
                                            <i class="icon-cloud-upload"></i>
                                        </a>
                                        <a class="btn btn-circle btn-icon-only btn-default" href="javascript:;">
                                            <i class="icon-wrench"></i>
                                        </a>
                                        <a class="btn btn-circle btn-icon-only btn-default" href="javascript:;">
                                            <i class="icon-trash"></i>
                                        </a>
                                    </div>
                                </div>
                                <div class="portlet-body">
                                    <h4>内联表单</h4>
                                    <form class="form-inline" role="form">
                                        <div class="form-group">
                                            <label class="sr-only" for="exampleInputEmail2">邮件地址</label>
                                            <input type="email" class="form-control" id="exampleInputEmail2" placeholder="输入邮箱"> </div>
                                        <div class="form-group">
                                            <label class="sr-only" for="exampleInputPassword2">密码</label>
                                            <input type="password" class="form-control" id="exampleInputPassword2" placeholder="Password"> </div>
                                        <div class="checkbox">
                                            <label>
                                                <input type="checkbox"> 记住我</label>
                                        </div>
                                        <button type="submit" class="btn btn-default">登录</button>
                                    </form>
                                    <hr>
                                    <h4>内联表单（带图标）</h4>
                                    <form class="form-inline" role="form">
                                        <div class="form-group">
                                            <label class="sr-only" for="exampleInputEmail22">邮件地址</label>
                                            <div class="input-icon">
                                                <i class="fa fa-envelope"></i>
                                                <input type="email" class="form-control" id="exampleInputEmail22" placeholder="输入邮箱"> </div>
                                        </div>
                                        <div class="form-group">
                                            <label class="sr-only" for="exampleInputPassword42">密码</label>
                                            <div class="input-icon">
                                                <i class="fa fa-user"></i>
                                                <input type="password" class="form-control" id="exampleInputPassword42" placeholder="密码"> </div>
                                        </div>
                                        <div class="checkbox">
                                            <label>
                                                <input type="checkbox"> 记住我</label>
                                        </div>
                                        <button type="submit" class="btn btn-default">登录</button>
                                    </form>
                                    <hr>
                                    <h4>纵向表单</h4>
                                    <form class="form-horizontal" role="form">
                                        <div class="form-group">
                                            <label for="inputEmail1" class="col-md-2 control-label">邮箱</label>
                                            <div class="col-md-4">
                                                <input type="email" class="form-control" id="inputEmail1" placeholder="邮箱"> </div>
                                        </div>
                                        <div class="form-group">
                                            <label for="inputPassword12" class="col-md-2 control-label">密码</label>
                                            <div class="col-md-4">
                                                <input type="password" class="form-control" id="inputPassword12" placeholder="密码"> </div>
                                        </div>
                                        <div class="form-group">
                                            <div class="col-md-offset-2 col-md-4">
                                                <div class="checkbox">
                                                    <label>
                                                        <input type="checkbox"> 记住我</label>
                                                </div>
                                            </div>
                                        </div>
                                        <div class="form-group">
                                            <div class="col-md-offset-2 col-md-10">
                                                <button type="submit" class="btn blue">登录</button>
                                            </div>
                                        </div>
                                    </form>
                                    <hr>
                                    <h4>纵向表单 With Icons</h4>
                                    <form class="form-horizontal" role="form">
                                        <div class="form-group">
                                            <label for="inputEmail12" class="col-md-2 control-label">邮箱</label>
                                            <div class="col-md-4">
                                                <div class="input-icon">
                                                    <i class="fa fa-envelope"></i>
                                                    <input type="email" class="form-control" id="inputEmail12" placeholder="邮箱"> </div>
                                            </div>
                                        </div>
                                        <div class="form-group">
                                            <label for="inputPassword1" class="col-md-2 control-label">密码</label>
                                            <div class="col-md-4">
                                                <div class="input-icon right">
                                                    <i class="fa fa-user"></i>
                                                    <input type="password" class="form-control" id="inputPassword1" placeholder="密码"> </div>
                                                <div class="help-block"> 带右对齐按钮 </div>
                                            </div>
                                        </div>
                                        <div class="form-group">
                                            <div class="col-md-offset-2 col-md-4">
                                                <div class="checkbox">
                                                    <label>
                                                        <input type="checkbox"> 记住我</label>
                                                </div>
                                            </div>
                                        </div>
                                        <div class="form-group">
                                            <div class="col-md-offset-2 col-md-10">
                                                <button type="submit" class="btn green">登录</button>
                                            </div>
                                        </div>
                                    </form>
                                    <hr>
                                    <h4>自动调整的列</h4>
                                    <form role="form">
                                        <div class="row">
                                            <div class="col-md-2">
                                                <input type="text" class="form-control" placeholder=".col-md-2"> </div>
                                            <div class="col-md-3">
                                                <input type="text" class="form-control" placeholder=".col-md-3"> </div>
                                            <div class="col-md-4">
                                                <input type="text" class="form-control" placeholder=".col-md-4"> </div>
                                            <div class="col-md-3">
                                                <input type="text" class="form-control" placeholder=".col-md-2"> </div>
                                        </div>
                                    </form>
                                </div>
                            </div>
                            <!-- END SAMPLE FORM PORTLET-->
                        </div>
                    </div>
                </div>
                <!-- END CONTENT BODY -->
            </div>
          

        <!--[if lt IE 9]>
    <script src="../content/superui/base/base-core/excanvas.min.js"></script>
    <script src="../content/superui/base/base-core/respond.min.js"></script>
    <![endif]-->
        <!-- 全局公共类库Begin -->
        <script src="../content/superui/min/js/superui.common.min.js"></script>
    </body>

</html>